.dot{display: none;}

.particle {
    position: absolute;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    animation: shoot 10s ease-out infinite;
	background: #6696ff;
	transform: translate(93vw, 50vh);
	animation-duration: 10s;
  animation-delay: -0.30304s;
  top:0;
  z-index: 34;
}


.particle2 {
    position: absolute;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    animation: shoot2 10s ease-out infinite;
	background: #66ff9e;
	transform: translate(1vw, 32vh);
	animation-duration: 10s;
  animation-delay: -0.91s;
    top:0;
  z-index: 34;
}


.particle3 {
    position: absolute;
    width: 10px;
    height: 10px;
    border-radius: 50%;
	 animation: shoot3 10s ease-out infinite;
   background: #6b66ff;
   transform: translate(25vw, 56vh);
    animation-duration: 10s;
   animation-delay: -0.53316s;
     top:0;
  z-index: 34;
}

.particle4 {
      position: absolute;
    width: 10px;
    height: 10px;
    border-radius: 50%;
   animation: shoot2 10s ease-out infinite;
        top:0;
  z-index: 34;
    background: #ffe366;
    transform: translate(46vw, 65vh);
    animation-duration: 10s;
    animation-delay: -1.311s;
}


.particle5 {
      position: absolute;
    width: 10px;
    height: 10px;
    border-radius: 50%;
   animation: shoot 10s ease-out infinite;
        top:0;
  z-index: 34;

    background: #e0ff66;
    transform: translate(87vw, 83vh);
    animation-duration: 10s;
    animation-delay: -1.63846s;
}

.particle6 {
      position: absolute;
    width: 10px;
    height: 10px;
    border-radius: 50%;
   animation: shoot3 10s ease-out infinite;
        top:0;
  z-index: 34;
    background: #ffa866;
    transform: translate(53vw, 45vh);
     animation-duration: 10s;
    animation-delay: -2.47865s;
}

.particle7 {
      position: absolute;
    width: 10px;
    height: 10px;
    border-radius: 50%;
   animation: shoot2 10s ease-out infinite;
        top:0;
  z-index: 34;
    background: #d966ff;
    transform: translate(65vw, 76vh);
     animation-duration: 10s;
    animation-delay: -1.12476s;
}

.particle8 {
      position: absolute;
    width: 10px;
    height: 10px;
    border-radius: 50%;
   animation: shoot 10s ease-out infinite;
        top:0;
  z-index: 34;
    background: #e0ff66;
    transform: translate(67vw, 35vh);
   animation-duration: 10s;
    animation-delay: -1.0602s;
}

.particle9 {
      position: absolute;
    width: 10px;
    height: 10px;
    border-radius: 50%;
   animation: shoot2 10s ease-out infinite;
        top:0;
  z-index: 34;
    background: #ff6682;
    transform: translate(85vw, 8vh);
    animation-duration: 10s;
    animation-delay: -0.24354s;
}

.particle10 {
      position: absolute;
    width: 10px;
    height: 10px;
    border-radius: 50%;
   animation: shoot3 10s ease-out infinite;
        top:0;
  z-index: 34;
    background: #c2ff66;
    transform: translate(92vw, 55vh);
     animation-duration: 10s;
    animation-delay: -1.71095s;
}

.particle11 {
      position: absolute;
    width: 10px;
    height: 10px;
    border-radius: 50%;
   animation: shoot2 10s ease-out infinite;
        top:0;
  z-index: 34;
    background: #ffc266;
    transform: translate(3vw, 44vh);
     animation-duration: 10s;
    animation-delay: -1.01674s;
}

.particle12 {
      position: absolute;
    width: 10px;
    height: 10px;
    border-radius: 50%;
   animation: shoot 10s ease-out infinite;
        top:0;
  z-index: 34;
    background: #66cfff;
    transform: translate(7vw, 89vh);
     animation-duration: 10s;
    animation-delay: -1.07748s;
}

.particle13 {
      position: absolute;
    width: 10px;
    height: 10px;
    border-radius: 50%;
   animation: shoot3 10s ease-out infinite;
        top:0;
  z-index: 34;
    background: #ffb066;
    transform: translate(24vw, 75vh);
    animation-duration: 1.772s;
    animation-delay: -0.51388s;
}

.particle:nth-child(14) {
    background: #ff66eb;
    transform: translate(67vw, 66vh);
     animation-duration: 10s;
    animation-delay: -0.05585s;
}

.particle:nth-child(15) {
    background: #66ffba;
    transform: translate(66vw, 5vh);
    animation-duration: 10s;
    animation-delay: -0.09779s;
}

.particle:nth-child(16) {
    background: #fc66ff;
    transform: translate(100vw, 76vh);
   animation-duration: 10s;
    animation-delay: -1.04419s;
}

.particle:nth-child(17) {
    background: #8266ff;
    transform: translate(27vw, 83vh);
    animation-duration: 10s;
    animation-delay: -0.83674s;
}

.particle:nth-child(18) {
    background: #ff66b5;
    transform: translate(7vw, 40vh);
   animation-duration: 10s;
    animation-delay: -1.2978s;
}

.particle:nth-child(19) {
    background: #ff6678;
    transform: translate(42vw, 14vh);
    animation-duration: 10s;
    animation-delay: -0.25776s;
}

.particle:nth-child(20) {
    background: #ff8a66;
    transform: translate(95vw, 75vh);
   animation-duration: 10s;
    animation-delay: -1.62244s;
}

.particle:nth-child(21) {
    background: #b0ff66;
    transform: translate(51vw, 91vh);
    animation-duration: 1.221s;
    animation-delay: -1.08669s;
}

.particle:nth-child(22) {
    background: #ff66fc;
    transform: translate(20vw, 28vh);
    animation-duration: 2.161s;
    animation-delay: -0.45381s;
}

.particle:nth-child(23) {
    background: #ff66b5;
    transform: translate(86vw, 25vh);
    animation-duration: 1.749s;
    animation-delay: -1.749s;
}

.particle:nth-child(24) {
    background: #8566ff;
    transform: translate(60vw, 3vh);
    animation-duration: 2.741s;
    animation-delay: -2.32985s;
}

.particle:nth-child(25) {
    background: #a3ff66;
    transform: translate(94vw, 12vh);
    animation-duration: 2.716s;
    animation-delay: -1.52096s;
}

.particle:nth-child(26) {
    background: #66c2ff;
    transform: translate(7vw, 75vh);
    animation-duration: 2.629s;
    animation-delay: -0.18403s;
}

.particle:nth-child(27) {
    background: #66fff7;
    transform: translate(40vw, 25vh);
    animation-duration: 2.687s;
    animation-delay: -1.31663s;
}

.particle:nth-child(28) {
    background: #66c9ff;
    transform: translate(82vw, 81vh);
    animation-duration: 2.542s;
    animation-delay: -1.09306s;
}

.particle:nth-child(29) {
    background: #66a8ff;
    transform: translate(82vw, 42vh);
    animation-duration: 1.132s;
    animation-delay: -0.06792s;
}

.particle:nth-child(30) {
    background: #ff7866;
    transform: translate(45vw, 27vh);
    animation-duration: 2.147s;
    animation-delay: -0.17176s;
}

.particle:nth-child(31) {
    background: #66ff7d;
    transform: translate(86vw, 74vh);
    animation-duration: 1.345s;
    animation-delay: -0.807s;
}

.particle:nth-child(32) {
    background: #c466ff;
    transform: translate(45vw, 1vh);
    animation-duration: 2.667s;
    animation-delay: -0.5334s;
}

.particle:nth-child(33) {
    background: #7366ff;
    transform: translate(46vw, 60vh);
    animation-duration: 1.491s;
    animation-delay: -1.29717s;
}

.particle:nth-child(34) {
    background: #66abff;
    transform: translate(96vw, 83vh);
    animation-duration: 2.605s;
    animation-delay: -0.85965s;
}

.particle:nth-child(35) {
    background: #66ffd6;
    transform: translate(83vw, 93vh);
    animation-duration: 1.942s;
    animation-delay: -0.5826s;
}

.particle:nth-child(36) {
    background: #ffc266;
    transform: translate(17vw, 46vh);
    animation-duration: 2.367s;
    animation-delay: -1.15983s;
}

.particle:nth-child(37) {
    background: #d466ff;
    transform: translate(12vw, 69vh);
    animation-duration: 1.871s;
    animation-delay: -0.07484s;
}

.particle:nth-child(38) {
    background: #69ff66;
    transform: translate(35vw, 36vh);
    animation-duration: 1.022s;
    animation-delay: -0.8687s;
}

.particle:nth-child(39) {
    background: #66ffd6;
    transform: translate(44vw, 49vh);
    animation-duration: 1.613s;
    animation-delay: -0.82263s;
}

.particle:nth-child(40) {
    background: #d9ff66;
    transform: translate(67vw, 70vh);
    animation-duration: 2.794s;
    animation-delay: -1.1176s;
}

.particle:nth-child(41) {
    background: #ff6678;
    transform: translate(97vw, 32vh);
    animation-duration: 1.966s;
    animation-delay: -0.82572s;
}

.particle:nth-child(42) {
    background: #66baff;
    transform: translate(52vw, 76vh);
    animation-duration: 1.437s;
    animation-delay: -0.47421s;
}

.particle:nth-child(43) {
    background: #d966ff;
    transform: translate(85vw, 92vh);
    animation-duration: 1.148s;
    animation-delay: -1.04468s;
}

.particle:nth-child(44) {
    background: #669cff;
    transform: translate(55vw, 55vh);
    animation-duration: 2.253s;
    animation-delay: -0.72096s;
}

.particle:nth-child(45) {
    background: #66c2ff;
    transform: translate(23vw, 1vh);
    animation-duration: 2.981s;
    animation-delay: -1.46069s;
}

.particle:nth-child(46) {
    background: #66ff8f;
    transform: translate(40vw, 41vh);
    animation-duration: 1.14s;
    animation-delay: -0.057s;
}

.particle:nth-child(47) {
    background: #ffab66;
    transform: translate(83vw, 5vh);
    animation-duration: 2.742s;
    animation-delay: -1.9194s;
}

.particle:nth-child(48) {
    background: #66fcff;
    transform: translate(5vw, 55vh);
    animation-duration: 2.723s;
    animation-delay: -2.15117s;
}

.particle:nth-child(49) {
    background: #8266ff;
    transform: translate(24vw, 65vh);
    animation-duration: 1.375s;
    animation-delay: -0.1375s;
}

.particle:nth-child(50) {
    background: #66ffbd;
    transform: translate(45vw, 68vh);
    animation-duration: 2.774s;
    animation-delay: -1.35926s;
}

.particle:nth-child(51) {
    background: #d6ff66;
    transform: translate(31vw, 41vh);
    animation-duration: 2.213s;
    animation-delay: -1.63762s;
}

.particle:nth-child(52) {
    background: #ff9966;
    transform: translate(7vw, 16vh);
    animation-duration: 1.771s;
    animation-delay: -1.16886s;
}

.particle:nth-child(53) {
    background: #66ffd4;
    transform: translate(7vw, 59vh);
    animation-duration: 1.451s;
    animation-delay: -0.8706s;
}

.particle:nth-child(54) {
    background: #78ff66;
    transform: translate(83vw, 42vh);
    animation-duration: 1.171s;
    animation-delay: -0.3513s;
}

.particle:nth-child(55) {
    background: #8766ff;
    transform: translate(30vw, 30vh);
    animation-duration: 2.3s;
    animation-delay: -1.978s;
}

.particle:nth-child(56) {
    background: #ff66f0;
    transform: translate(59vw, 86vh);
    animation-duration: 2.984s;
    animation-delay: -0.26856s;
}

.particle:nth-child(57) {
    background: #6eff66;
    transform: translate(78vw, 86vh);
    animation-duration: 1.829s;
    animation-delay: -1.13398s;
}

.particle:nth-child(58) {
    background: #7a66ff;
    transform: translate(6vw, 62vh);
    animation-duration: 1.085s;
    animation-delay: -0.68355s;
}

.particle:nth-child(59) {
    background: #66f5ff;
    transform: translate(39vw, 14vh);
    animation-duration: 2.554s;
    animation-delay: -0.97052s;
}

.particle:nth-child(60) {
    background: #66ffd4;
    transform: translate(5vw, 64vh);
    animation-duration: 1.489s;
    animation-delay: -0.84873s;
}

.particle:nth-child(61) {
    background: #66fff0;
    transform: translate(11vw, 9vh);
    animation-duration: 2.519s;
    animation-delay: -1.7633s;
}

.particle:nth-child(62) {
    background: #a366ff;
    transform: translate(16vw, 35vh);
    animation-duration: 2.424s;
    animation-delay: -0.50904s;
}

.particle:nth-child(63) {
    background: #66edff;
    transform: translate(78vw, 71vh);
    animation-duration: 1.388s;
    animation-delay: -0.59684s;
}

.particle:nth-child(64) {
    background: #ff7a66;
    transform: translate(24vw, 24vh);
    animation-duration: 2.223s;
    animation-delay: -1.08927s;
}

.particle:nth-child(65) {
    background: #ff66d1;
    transform: translate(70vw, 58vh);
    animation-duration: 1.916s;
    animation-delay: -1.83936s;
}

.particle:nth-child(66) {
    background: #ffde66;
    transform: translate(84vw, 29vh);
    animation-duration: 2.067s;
    animation-delay: -0.31005s;
}

.particle:nth-child(67) {
    background: #667aff;
    transform: translate(55vw, 17vh);
    animation-duration: 2.071s;
    animation-delay: -0.53846s;
}

.particle:nth-child(68) {
    background: #66ffa3;
    transform: translate(16vw, 20vh);
    animation-duration: 1.369s;
    animation-delay: -1.369s;
}

.particle:nth-child(69) {
    background: #75ff66;
    transform: translate(18vw, 81vh);
    animation-duration: 1.637s;
    animation-delay: -0.29466s;
}

.particle:nth-child(70) {
    background: #ff66c2;
    transform: translate(69vw, 74vh);
    animation-duration: 1.746s;
    animation-delay: -0.1746s;
}

.particle:nth-child(71) {
    background: #ff7866;
    transform: translate(12vw, 74vh);
    animation-duration: 2.05s;
    animation-delay: -0.779s;
}

.particle:nth-child(72) {
    background: #66ffeb;
    transform: translate(68vw, 91vh);
    animation-duration: 1.654s;
    animation-delay: -1.3232s;
}

.particle:nth-child(73) {
    background: #f266ff;
    transform: translate(98vw, 75vh);
    animation-duration: 1.669s;
    animation-delay: -0.85119s;
}

.particle:nth-child(74) {
    background: #ff6673;
    transform: translate(54vw, 60vh);
    animation-duration: 1.775s;
    animation-delay: -0.72775s;
}

.particle:nth-child(75) {
    background: #ba66ff;
    transform: translate(36vw, 97vh);
    animation-duration: 1.294s;
    animation-delay: -0.14234s;
}

.particle:nth-child(76) {
    background: #66bdff;
    transform: translate(83vw, 87vh);
    animation-duration: 1.659s;
    animation-delay: -0.01659s;
}

.particle:nth-child(77) {
    background: #66d6ff;
    transform: translate(47vw, 80vh);
    animation-duration: 1.65s;
    animation-delay: -1.419s;
}

.particle:nth-child(78) {
    background: #7366ff;
    transform: translate(31vw, 44vh);
    animation-duration: 1.349s;
    animation-delay: -0.86336s;
}

.particle:nth-child(79) {
    background: #667aff;
    transform: translate(49vw, 22vh);
    animation-duration: 1.235s;
    animation-delay: -0.7657s;
}

.particle:nth-child(80) {
    background: #b566ff;
    transform: translate(61vw, 65vh);
    animation-duration: 2.912s;
    animation-delay: -1.48512s;
}

.particle:nth-child(81) {
    background: #668fff;
    transform: translate(15vw, 62vh);
    animation-duration: 2.04s;
    animation-delay: -0.8568s;
}

.particle:nth-child(82) {
    background: #d6ff66;
    transform: translate(81vw, 93vh);
    animation-duration: 2.425s;
    animation-delay: -0.21825s;
}

.particle:nth-child(83) {
    background: #6669ff;
    transform: translate(87vw, 63vh);
    animation-duration: 2.14s;
    animation-delay: -0.321s;
}

.particle:nth-child(84) {
    background: #8c66ff;
    transform: translate(66vw, 93vh);
    animation-duration: 2.717s;
    animation-delay: -1.95624s;
}

.particle:nth-child(85) {
    background: #96ff66;
    transform: translate(67vw, 30vh);
    animation-duration: 1.544s;
    animation-delay: -0.80288s;
}

.particle:nth-child(86) {
    background: #ff6669;
    transform: translate(60vw, 49vh);
    animation-duration: 1.855s;
    animation-delay: -0.6678s;
}

.particle:nth-child(87) {
    background: #66bdff;
    transform: translate(21vw, 57vh);
    animation-duration: 1.125s;
    animation-delay: -0.405s;
}

.particle:nth-child(88) {
    background: #85ff66;
    transform: translate(27vw, 12vh);
    animation-duration: 2.769s;
    animation-delay: -0.49842s;
}

.particle:nth-child(89) {
    background: #66ffa3;
    transform: translate(96vw, 11vh);
    animation-duration: 1.734s;
    animation-delay: -1.16178s;
}

.particle:nth-child(90) {
    background: #ff7566;
    transform: translate(46vw, 9vh);
    animation-duration: 2.1s;
    animation-delay: -1.932s;
}

.particle:nth-child(91) {
    background: #66e0ff;
    transform: translate(79vw, 95vh);
    animation-duration: 1.99s;
    animation-delay: -0.0597s;
}

.particle:nth-child(92) {
    background: #7866ff;
    transform: translate(71vw, 70vh);
    animation-duration: 1.335s;
    animation-delay: -0.4272s;
}

.particle:nth-child(93) {
    background: #66ff99;
    transform: translate(63vw, 41vh);
    animation-duration: 2.896s;
    animation-delay: -2.40368s;
}

.particle:nth-child(94) {
    background: #ff66e8;
    transform: translate(47vw, 57vh);
    animation-duration: 1.029s;
    animation-delay: -0.78204s;
}

.particle:nth-child(95) {
    background: #66ff91;
    transform: translate(92vw, 89vh);
    animation-duration: 1.221s;
    animation-delay: -0.1221s;
}

.particle:nth-child(96) {
    background: #7d66ff;
    transform: translate(79vw, 6vh);
    animation-duration: 1.772s;
    animation-delay: -1.39988s;
}

.particle:nth-child(97) {
    background: #66ffe3;
    transform: translate(45vw, 55vh);
    animation-duration: 1.424s;
    animation-delay: -0.37024s;
}

.particle:nth-child(98) {
    background: #ff6b66;
    transform: translate(28vw, 14vh);
    animation-duration: 2.187s;
    animation-delay: -1.55277s;
}

.particle:nth-child(99) {
    background: #ff6680;
    transform: translate(90vw, 55vh);
    animation-duration: 1.949s;
    animation-delay: -1.92951s;
}

.particle:nth-child(100) {
    background: #edff66;
    transform: translate(53vw, 76vh);
    animation-duration: 2.597s;
    animation-delay: -1.06477s;
}

.particle:nth-child(101) {
    background: #ff6670;
    transform: translate(70vw, 77vh);
    animation-duration: 1.251s;
    animation-delay: -0.33777s;
}

.particle:nth-child(102) {
    background: #85ff66;
    transform: translate(7vw, 12vh);
    animation-duration: 1.42s;
    animation-delay: -0.7668s;
}

.particle:nth-child(103) {
    background: #ff6669;
    transform: translate(8vw, 35vh);
    animation-duration: 1.685s;
    animation-delay: -1.56705s;
}

.particle:nth-child(104) {
    background: #b066ff;
    transform: translate(69vw, 45vh);
    animation-duration: 2.132s;
    animation-delay: -0.4264s;
}

.particle:nth-child(105) {
    background: #fff266;
    transform: translate(77vw, 4vh);
    animation-duration: 1.2s;
    animation-delay: -0.78s;
}

.particle:nth-child(106) {
    background: #6669ff;
    transform: translate(21vw, 91vh);
    animation-duration: 1.014s;
    animation-delay: -0.94302s;
}

.particle:nth-child(107) {
    background: #66ff91;
    transform: translate(14vw, 36vh);
    animation-duration: 2.418s;
    animation-delay: -0.94302s;
}

.particle:nth-child(108) {
    background: #ff6678;
    transform: translate(20vw, 90vh);
    animation-duration: 2.639s;
    animation-delay: -1.55701s;
}

.particle:nth-child(109) {
    background: #b366ff;
    transform: translate(24vw, 10vh);
    animation-duration: 2.967s;
    animation-delay: -1.66152s;
}

.particle:nth-child(110) {
    background: #ff9e66;
    transform: translate(18vw, 45vh);
    animation-duration: 1.119s;
    animation-delay: -1.08543s;
}

.particle:nth-child(111) {
    background: #66ffeb;
    transform: translate(94vw, 12vh);
    animation-duration: 2.235s;
    animation-delay: -0.69285s;
}

.particle:nth-child(112) {
    background: #a866ff;
    transform: translate(34vw, 43vh);
    animation-duration: 1.876s;
    animation-delay: -0.15008s;
}

.particle:nth-child(113) {
    background: #f266ff;
    transform: translate(34vw, 51vh);
    animation-duration: 1.201s;
    animation-delay: -0.64854s;
}

.particle:nth-child(114) {
    background: #ff66bd;
    transform: translate(55vw, 17vh);
    animation-duration: 1.926s;
    animation-delay: -1.69488s;
}

.particle:nth-child(115) {
    background: #66ffa1;
    transform: translate(34vw, 97vh);
    animation-duration: 2.549s;
    animation-delay: -2.52351s;
}

.particle:nth-child(116) {
    background: #66ffba;
    transform: translate(71vw, 27vh);
    animation-duration: 1.311s;
    animation-delay: -0.55062s;
}

.particle:nth-child(117) {
    background: #ff66a8;
    transform: translate(69vw, 33vh);
    animation-duration: 2.253s;
    animation-delay: -1.71228s;
}

.particle:nth-child(118) {
    background: #66ffc7;
    transform: translate(76vw, 73vh);
    animation-duration: 2.552s;
    animation-delay: -1.07184s;
}

.particle:nth-child(119) {
    background: #f7ff66;
    transform: translate(26vw, 39vh);
    animation-duration: 2.169s;
    animation-delay: -1.38816s;
}

.particle:nth-child(120) {
    background: #6680ff;
    transform: translate(61vw, 83vh);
    animation-duration: 2.41s;
    animation-delay: -0.7471s;
}

.particle:nth-child(121) {
    background: #66f7ff;
    transform: translate(31vw, 61vh);
    animation-duration: 2.973s;
    animation-delay: -2.82435s;
}

.particle:nth-child(122) {
    background: #6696ff;
    transform: translate(5vw, 98vh);
    animation-duration: 1.264s;
    animation-delay: -1.0112s;
}

.particle:nth-child(123) {
    background: #baff66;
    transform: translate(84vw, 70vh);
    animation-duration: 1.905s;
    animation-delay: -0.09525s;
}

.particle:nth-child(124) {
    background: #669cff;
    transform: translate(37vw, 92vh);
    animation-duration: 2.772s;
    animation-delay: -2.3562s;
}

.particle:nth-child(125) {
    background: #66ff9e;
    transform: translate(62vw, 10vh);
    animation-duration: 2.05s;
    animation-delay: -0.3485s;
}

.particle:nth-child(126) {
    background: #deff66;
    transform: translate(62vw, 30vh);
    animation-duration: 1.599s;
    animation-delay: -1.13529s;
}

.particle:nth-child(127) {
    background: #9666ff;
    transform: translate(97vw, 38vh);
    animation-duration: 2.802s;
    animation-delay: -1.00872s;
}

.particle:nth-child(128) {
    background: #9c66ff;
    transform: translate(95vw, 43vh);
    animation-duration: 1.537s;
    animation-delay: -1.01442s;
}

.particle:nth-child(129) {
    background: #fc66ff;
    transform: translate(23vw, 63vh);
    animation-duration: 2.25s;
    animation-delay: -2.205s;
}

.particle:nth-child(130) {
    background: #667dff;
    transform: translate(83vw, 44vh);
    animation-duration: 2.84s;
    animation-delay: -0.0284s;
}

.particle:nth-child(131) {
    background: #ff66b8;
    transform: translate(15vw, 49vh);
    animation-duration: 2.779s;
    animation-delay: -2.33436s;
}

.particle:nth-child(132) {
    background: #ff66de;
    transform: translate(1vw, 69vh);
    animation-duration: 1.601s;
    animation-delay: -0.30419s;
}

.particle:nth-child(133) {
    background: #666bff;
    transform: translate(23vw, 88vh);
    animation-duration: 1.9s;
    animation-delay: -0.931s;
}

.particle:nth-child(134) {
    background: #66d6ff;
    transform: translate(42vw, 26vh);
    animation-duration: 1.297s;
    animation-delay: -0.95978s;
}

.particle:nth-child(135) {
    background: #99ff66;
    transform: translate(84vw, 68vh);
    animation-duration: 2.923s;
    animation-delay: -1.49073s;
}

.particle:nth-child(136) {
    background: #78ff66;
    transform: translate(55vw, 48vh);
    animation-duration: 2.549s;
    animation-delay: -1.50391s;
}

.particle:nth-child(137) {
    background: #ff66c2;
    transform: translate(45vw, 53vh);
    animation-duration: 2.971s;
    animation-delay: -0.20797s;
}

.particle:nth-child(138) {
    background: #66e0ff;
    transform: translate(55vw, 69vh);
    animation-duration: 2.002s;
    animation-delay: -0.8008s;
}

.particle:nth-child(139) {
    background: #ff66bd;
    transform: translate(37vw, 75vh);
    animation-duration: 2.174s;
    animation-delay: -1.06526s;
}

.particle:nth-child(140) {
    background: #de66ff;
    transform: translate(91vw, 18vh);
    animation-duration: 2.353s;
    animation-delay: -2.18829s;
}

.particle:nth-child(141) {
    background: #6669ff;
    transform: translate(81vw, 10vh);
    animation-duration: 1.646s;
    animation-delay: -1.20158s;
}

.particle:nth-child(142) {
    background: #87ff66;
    transform: translate(37vw, 99vh);
    animation-duration: 1.992s;
    animation-delay: -1.53384s;
}

.particle:nth-child(143) {
    background: #66a3ff;
    transform: translate(29vw, 24vh);
    animation-duration: 2.243s;
    animation-delay: -0.33645s;
}

.particle:nth-child(144) {
    background: #d6ff66;
    transform: translate(36vw, 5vh);
    animation-duration: 2.901s;
    animation-delay: -2.81397s;
}

.particle:nth-child(145) {
    background: #66ffcc;
    transform: translate(3vw, 29vh);
    animation-duration: 2.777s;
    animation-delay: -0.88864s;
}

.particle:nth-child(146) {
    background: #66f5ff;
    transform: translate(15vw, 33vh);
    animation-duration: 2.722s;
    animation-delay: -1.98706s;
}

.particle:nth-child(147) {
    background: #9466ff;
    transform: translate(96vw, 19vh);
    animation-duration: 2.207s;
    animation-delay: -1.16971s;
}

.particle:nth-child(148) {
    background: #66fcff;
    transform: translate(49vw, 34vh);
    animation-duration: 1.885s;
    animation-delay: -0.4147s;
}

.particle:nth-child(149) {
    background: #f566ff;
    transform: translate(41vw, 64vh);
    animation-duration: 2.253s;
    animation-delay: -0.38301s;
}

.particle:nth-child(150) {
    background: #ffed66;
    transform: translate(36vw, 36vh);
    animation-duration: 1.884s;
    animation-delay: -1.71444s;
}

.particle:nth-child(151) {
    background: #ff7366;
    transform: translate(28vw, 91vh);
    animation-duration: 1.765s;
    animation-delay: -0.7413s;
}

.particle:nth-child(152) {
    background: #ffad66;
    transform: translate(64vw, 85vh);
    animation-duration: 2.421s;
    animation-delay: -0.58104s;
}

.particle:nth-child(153) {
    background: #ffbd66;
    transform: translate(57vw, 70vh);
    animation-duration: 1.299s;
    animation-delay: -1.02621s;
}

.particle:nth-child(154) {
    background: #6666ff;
    transform: translate(4vw, 56vh);
    animation-duration: 2.118s;
    animation-delay: -0.50832s;
}

.particle:nth-child(155) {
    background: #66d1ff;
    transform: translate(70vw, 71vh);
    animation-duration: 1.85s;
    animation-delay: -1.4615s;
}

.particle:nth-child(156) {
    background: #ff6b66;
    transform: translate(29vw, 28vh);
    animation-duration: 1.25s;
    animation-delay: -0.875s;
}

.particle:nth-child(157) {
    background: #ff66a8;
    transform: translate(66vw, 61vh);
    animation-duration: 1.83s;
    animation-delay: -0.3843s;
}

.particle:nth-child(158) {
    background: #ff66ab;
    transform: translate(97vw, 38vh);
    animation-duration: 1.106s;
    animation-delay: -0.75208s;
}

.particle:nth-child(159) {
    background: #6eff66;
    transform: translate(24vw, 53vh);
    animation-duration: 1.135s;
    animation-delay: -1.05555s;
}

.particle:nth-child(160) {
    background: #66c7ff;
    transform: translate(93vw, 23vh);
    animation-duration: 1.019s;
    animation-delay: -0.42798s;
}

.particle:nth-child(161) {
    background: #66ffbd;
    transform: translate(25vw, 4vh);
    animation-duration: 2.748s;
    animation-delay: -1.42896s;
}

.particle:nth-child(162) {
    background: #d166ff;
    transform: translate(99vw, 79vh);
    animation-duration: 2.835s;
    animation-delay: -0.08505s;
}

.particle:nth-child(163) {
    background: #66edff;
    transform: translate(59vw, 83vh);
    animation-duration: 2.128s;
    animation-delay: -1.87264s;
}

.particle:nth-child(164) {
    background: #6e66ff;
    transform: translate(81vw, 50vh);
    animation-duration: 2.587s;
    animation-delay: -0.2587s;
}

.particle:nth-child(165) {
    background: #66faff;
    transform: translate(84vw, 27vh);
    animation-duration: 2.588s;
    animation-delay: -2.04452s;
}

.particle:nth-child(166) {
    background: #66ffa3;
    transform: translate(34vw, 65vh);
    animation-duration: 1.76s;
    animation-delay: -0.1936s;
}

.particle:nth-child(167) {
    background: #6680ff;
    transform: translate(96vw, 24vh);
    animation-duration: 1.908s;
    animation-delay: -1.77444s;
}

.particle:nth-child(168) {
    background: #66c9ff;
    transform: translate(78vw, 94vh);
    animation-duration: 1.395s;
    animation-delay: -1.38105s;
}

.particle:nth-child(169) {
    background: #66ffeb;
    transform: translate(100vw, 69vh);
    animation-duration: 2.13s;
    animation-delay: -1.2141s;
}

.particle:nth-child(170) {
    background: #66ff7d;
    transform: translate(31vw, 58vh);
    animation-duration: 2.956s;
    animation-delay: -0.76856s;
}

.particle:nth-child(171) {
    background: #6691ff;
    transform: translate(49vw, 56vh);
    animation-duration: 1.88s;
    animation-delay: -1.88s;
}

.particle:nth-child(172) {
    background: #ff7866;
    transform: translate(85vw, 64vh);
    animation-duration: 1.603s;
    animation-delay: -1.21828s;
}

.particle:nth-child(173) {
    background: #a1ff66;
    transform: translate(1vw, 50vh);
    animation-duration: 2.184s;
    animation-delay: -0.6552s;
}

.particle:nth-child(174) {
    background: #66e8ff;
    transform: translate(48vw, 66vh);
    animation-duration: 2.188s;
    animation-delay: -1.68476s;
}

.particle:nth-child(175) {
    background: #66f2ff;
    transform: translate(87vw, 61vh);
    animation-duration: 2.614s;
    animation-delay: -1.07174s;
}

.particle:nth-child(176) {
    background: #f066ff;
    transform: translate(49vw, 19vh);
    animation-duration: 2.378s;
    animation-delay: -1.40302s;
}

.particle:nth-child(177) {
    background: #ff8566;
    transform: translate(78vw, 47vh);
    animation-duration: 1.213s;
    animation-delay: -0.83697s;
}

.particle:nth-child(178) {
    background: #66ffa3;
    transform: translate(70vw, 88vh);
    animation-duration: 2.326s;
    animation-delay: -1.00018s;
}

.particle:nth-child(179) {
    background: #75ff66;
    transform: translate(13vw, 23vh);
    animation-duration: 2.855s;
    animation-delay: -0.7994s;
}

.particle:nth-child(180) {
    background: #ff6666;
    transform: translate(35vw, 41vh);
    animation-duration: 2.804s;
    animation-delay: -1.17768s;
}

.particle:nth-child(181) {
    background: #ff66e3;
    transform: translate(61vw, 18vh);
    animation-duration: 1.506s;
    animation-delay: -1.23492s;
}

.particle:nth-child(182) {
    background: #7366ff;
    transform: translate(72vw, 26vh);
    animation-duration: 1.773s;
    animation-delay: -1.54251s;
}

.particle:nth-child(183) {
    background: #66ffb8;
    transform: translate(73vw, 74vh);
    animation-duration: 2.932s;
    animation-delay: -1.37804s;
}

.particle:nth-child(184) {
    background: #87ff66;
    transform: translate(83vw, 16vh);
    animation-duration: 1.828s;
    animation-delay: -0.47528s;
}

.particle:nth-child(185) {
    background: #ff9166;
    transform: translate(80vw, 73vh);
    animation-duration: 1.559s;
    animation-delay: -1.35633s;
}

.particle:nth-child(186) {
    background: #b0ff66;
    transform: translate(16vw, 99vh);
    animation-duration: 2.688s;
    animation-delay: -0.02688s;
}

.particle:nth-child(187) {
    background: #66ff94;
    transform: translate(72vw, 23vh);
    animation-duration: 1.219s;
    animation-delay: -0.43884s;
}

.particle:nth-child(188) {
    background: #66ffff;
    transform: translate(81vw, 29vh);
    animation-duration: 1.8s;
    animation-delay: -0.378s;
}

.particle:nth-child(189) {
    background: #667aff;
    transform: translate(7vw, 71vh);
    animation-duration: 1.829s;
    animation-delay: -1.17056s;
}

.particle:nth-child(190) {
    background: #ff66e6;
    transform: translate(87vw, 8vh);
    animation-duration: 1.608s;
    animation-delay: -1.39896s;
}

.particle:nth-child(191) {
    background: #66ffa8;
    transform: translate(86vw, 29vh);
    animation-duration: 1.059s;
    animation-delay: -0.73071s;
}

.particle:nth-child(192) {
    background: #ffd166;
    transform: translate(57vw, 20vh);
    animation-duration: 1.56s;
    animation-delay: -0.78s;
}

.particle:nth-child(193) {
    background: #ff668a;
    transform: translate(96vw, 36vh);
    animation-duration: 2.897s;
    animation-delay: -1.33262s;
}

.particle:nth-child(194) {
    background: #ff6673;
    transform: translate(81vw, 10vh);
    animation-duration: 2.158s;
    animation-delay: -1.81272s;
}

.particle:nth-child(195) {
    background: #b366ff;
    transform: translate(54vw, 4vh);
    animation-duration: 1.566s;
    animation-delay: -1.566s;
}

.particle:nth-child(196) {
    background: #9666ff;
    transform: translate(87vw, 90vh);
    animation-duration: 2.949s;
    animation-delay: -1.03215s;
}

.particle:nth-child(197) {
    background: #66ffc9;
    transform: translate(10vw, 53vh);
    animation-duration: 1.498s;
    animation-delay: -0.2247s;
}

.particle:nth-child(198) {
    background: #6699ff;
    transform: translate(53vw, 26vh);
    animation-duration: 2.783s;
    animation-delay: -2.00376s;
}

.particle:nth-child(199) {
    background: #66dbff;
    transform: translate(51vw, 13vh);
    animation-duration: 1.148s;
    animation-delay: -0.27552s;
}

.particle:nth-child(200) {
    background: #6e66ff;
    transform: translate(44vw, 47vh);
    animation-duration: 2.463s;
    animation-delay: -0.51723s;
}

.particle:nth-child(201) {
    background: #ffa366;
    transform: translate(70vw, 18vh);
    animation-duration: 2.417s;
    animation-delay: -2.36866s;
}

.particle:nth-child(202) {
    background: #abff66;
    transform: translate(37vw, 1vh);
    animation-duration: 2.397s;
    animation-delay: -2.37303s;
}

.particle:nth-child(203) {
    background: #ffad66;
    transform: translate(11vw, 48vh);
    animation-duration: 2.673s;
    animation-delay: -1.25631s;
}

.particle:nth-child(204) {
    background: #6bff66;
    transform: translate(44vw, 73vh);
    animation-duration: 2.113s;
    animation-delay: -1.07763s;
}

.particle:nth-child(205) {
    background: #ebff66;
    transform: translate(13vw, 32vh);
    animation-duration: 1.17s;
    animation-delay: -0.7722s;
}

.particle:nth-child(206) {
    background: #9e66ff;
    transform: translate(61vw, 83vh);
    animation-duration: 1.057s;
    animation-delay: -0.02114s;
}

.particle:nth-child(207) {
    background: #6669ff;
    transform: translate(64vw, 27vh);
    animation-duration: 2.724s;
    animation-delay: -0.05448s;
}

.particle:nth-child(208) {
    background: #bfff66;
    transform: translate(82vw, 3vh);
    animation-duration: 2.058s;
    animation-delay: -0.63798s;
}

.particle:nth-child(209) {
    background: #ff6680;
    transform: translate(24vw, 11vh);
    animation-duration: 2.483s;
    animation-delay: -1.01803s;
}

.particle:nth-child(210) {
    background: #ff66d1;
    transform: translate(37vw, 81vh);
    animation-duration: 1.659s;
    animation-delay: -1.60923s;
}

.particle:nth-child(211) {
    background: #66ffa1;
    transform: translate(3vw, 38vh);
    animation-duration: 1.929s;
    animation-delay: -0.88734s;
}

.particle:nth-child(212) {
    background: #ff66ba;
    transform: translate(100vw, 3vh);
    animation-duration: 2.519s;
    animation-delay: -1.68773s;
}

.particle:nth-child(213) {
    background: #ff9e66;
    transform: translate(82vw, 43vh);
    animation-duration: 1.224s;
    animation-delay: -0.64872s;
}

.particle:nth-child(214) {
    background: #ff6966;
    transform: translate(47vw, 97vh);
    animation-duration: 1.629s;
    animation-delay: -1.12401s;
}

.particle:nth-child(215) {
    background: #9666ff;
    transform: translate(60vw, 38vh);
    animation-duration: 2.141s;
    animation-delay: -2.05536s;
}

.particle:nth-child(216) {
    background: #b5ff66;
    transform: translate(95vw, 10vh);
    animation-duration: 1.892s;
    animation-delay: -0.3784s;
}

.particle:nth-child(217) {
    background: #ff66c4;
    transform: translate(46vw, 54vh);
    animation-duration: 2.97s;
    animation-delay: -2.9106s;
}

.particle:nth-child(218) {
    background: #66d6ff;
    transform: translate(39vw, 18vh);
    animation-duration: 2.107s;
    animation-delay: -0.50568s;
}

.particle:nth-child(219) {
    background: #ffad66;
    transform: translate(46vw, 52vh);
    animation-duration: 2.188s;
    animation-delay: -1.88168s;
}

.particle:nth-child(220) {
    background: #66c9ff;
    transform: translate(38vw, 87vh);
    animation-duration: 2.984s;
    animation-delay: -1.1936s;
}

.particle:nth-child(221) {
    background: #b866ff;
    transform: translate(56vw, 97vh);
    animation-duration: 1.181s;
    animation-delay: -0.90937s;
}

.particle:nth-child(222) {
    background: #ba66ff;
    transform: translate(53vw, 65vh);
    animation-duration: 2.083s;
    animation-delay: -1.97885s;
}

.particle:nth-child(223) {
    background: #ff668f;
    transform: translate(87vw, 35vh);
    animation-duration: 1.931s;
    animation-delay: -0.11586s;
}

.particle:nth-child(224) {
    background: #ffa166;
    transform: translate(74vw, 44vh);
    animation-duration: 1.461s;
    animation-delay: -1.41717s;
}

.particle:nth-child(225) {
    background: #abff66;
    transform: translate(20vw, 49vh);
    animation-duration: 1.16s;
    animation-delay: -0.1276s;
}

.particle:nth-child(226) {
    background: #66ffa8;
    transform: translate(94vw, 29vh);
    animation-duration: 2.38s;
    animation-delay: -1.9516s;
}

.particle:nth-child(227) {
    background: #667aff;
    transform: translate(56vw, 51vh);
    animation-duration: 1.023s;
    animation-delay: -0.66495s;
}

.particle:nth-child(228) {
    background: #667aff;
    transform: translate(85vw, 7vh);
    animation-duration: 1.393s;
    animation-delay: -1.37907s;
}

.particle:nth-child(229) {
    background: #668cff;
    transform: translate(74vw, 95vh);
    animation-duration: 2.806s;
    animation-delay: -2.77794s;
}

.particle:nth-child(230) {
    background: #668cff;
    transform: translate(14vw, 8vh);
    animation-duration: 2.34s;
    animation-delay: -0.0936s;
}

.particle:nth-child(231) {
    background: #ff6673;
    transform: translate(40vw, 35vh);
    animation-duration: 1.256s;
    animation-delay: -1.20576s;
}

.particle:nth-child(232) {
    background: #ff66bf;
    transform: translate(14vw, 15vh);
    animation-duration: 2.026s;
    animation-delay: -1.74236s;
}

.particle:nth-child(233) {
    background: #ffbf66;
    transform: translate(39vw, 17vh);
    animation-duration: 1.039s;
    animation-delay: -0.24936s;
}

.particle:nth-child(234) {
    background: #ff8066;
    transform: translate(57vw, 26vh);
    animation-duration: 1.592s;
    animation-delay: -0.65272s;
}

.particle:nth-child(235) {
    background: #78ff66;
    transform: translate(68vw, 88vh);
    animation-duration: 2.266s;
    animation-delay: -2.19802s;
}

.particle:nth-child(236) {
    background: #66a6ff;
    transform: translate(69vw, 13vh);
    animation-duration: 1.767s;
    animation-delay: -0.67146s;
}

.particle:nth-child(237) {
    background: #f7ff66;
    transform: translate(14vw, 50vh);
    animation-duration: 1.47s;
    animation-delay: -0.9996s;
}

.particle:nth-child(238) {
    background: #ff66cf;
    transform: translate(37vw, 93vh);
    animation-duration: 1.452s;
    animation-delay: -0.01452s;
}

.particle:nth-child(239) {
    background: #66ffa1;
    transform: translate(81vw, 92vh);
    animation-duration: 1.146s;
    animation-delay: -0.26358s;
}

.particle:nth-child(240) {
    background: #bfff66;
    transform: translate(67vw, 63vh);
    animation-duration: 2.216s;
    animation-delay: -0.31024s;
}

.particle:nth-child(241) {
    background: #c966ff;
    transform: translate(87vw, 73vh);
    animation-duration: 1.602s;
    animation-delay: -1.15344s;
}

.particle:nth-child(242) {
    background: #ff66d6;
    transform: translate(32vw, 29vh);
    animation-duration: 2.999s;
    animation-delay: -1.67944s;
}

.particle:nth-child(243) {
    background: #66ffbf;
    transform: translate(19vw, 1vh);
    animation-duration: 2.575s;
    animation-delay: -1.51925s;
}

.particle:nth-child(244) {
    background: #f566ff;
    transform: translate(40vw, 69vh);
    animation-duration: 2.394s;
    animation-delay: -0.38304s;
}

.particle:nth-child(245) {
    background: #66ff75;
    transform: translate(46vw, 45vh);
    animation-duration: 1.212s;
    animation-delay: -0.14544s;
}

.particle:nth-child(246) {
    background: #6bff66;
    transform: translate(41vw, 82vh);
    animation-duration: 2.795s;
    animation-delay: -2.54345s;
}

.particle:nth-child(247) {
    background: #66fffc;
    transform: translate(10vw, 90vh);
    animation-duration: 1.243s;
    animation-delay: -0.82038s;
}

.particle:nth-child(248) {
    background: #a366ff;
    transform: translate(60vw, 78vh);
    animation-duration: 2.05s;
    animation-delay: -0.6355s;
}

.particle:nth-child(249) {
    background: #ffe066;
    transform: translate(14vw, 83vh);
    animation-duration: 1.568s;
    animation-delay: -0.97216s;
}

.particle:nth-child(250) {
    background: #ff66a6;
    transform: translate(80vw, 99vh);
    animation-duration: 1.974s;
    animation-delay: -1.02648s;
}

.particle:nth-child(251) {
    background: #ff66eb;
    transform: translate(67vw, 83vh);
    animation-duration: 2.03s;
    animation-delay: -1.8676s;
}

.particle:nth-child(252) {
    background: #ff668a;
    transform: translate(62vw, 69vh);
    animation-duration: 2.893s;
    animation-delay: -1.24399s;
}

.particle:nth-child(253) {
    background: #66ffe6;
    transform: translate(52vw, 75vh);
    animation-duration: 1.93s;
    animation-delay: -0.3667s;
}

.particle:nth-child(254) {
    background: #6eff66;
    transform: translate(76vw, 83vh);
    animation-duration: 1.869s;
    animation-delay: -1.08402s;
}

.particle:nth-child(255) {
    background: #7a66ff;
    transform: translate(87vw, 96vh);
    animation-duration: 2.834s;
    animation-delay: -1.87044s;
}

.particle:nth-child(256) {
    background: #ff8a66;
    transform: translate(97vw, 73vh);
    animation-duration: 2.49s;
    animation-delay: -1.7679s;
}

.particle:nth-child(257) {
    background: #ffba66;
    transform: translate(66vw, 91vh);
    animation-duration: 1.893s;
    animation-delay: -0.77613s;
}

.particle:nth-child(258) {
    background: #ad66ff;
    transform: translate(24vw, 19vh);
    animation-duration: 1.77s;
    animation-delay: -0.1947s;
}

.particle:nth-child(259) {
    background: #e3ff66;
    transform: translate(48vw, 84vh);
    animation-duration: 1.266s;
    animation-delay: -0.48108s;
}

.particle:nth-child(260) {
    background: #66faff;
    transform: translate(86vw, 35vh);
    animation-duration: 2.406s;
    animation-delay: -0.50526s;
}

.particle:nth-child(261) {
    background: #87ff66;
    transform: translate(65vw, 34vh);
    animation-duration: 2.329s;
    animation-delay: -1.37411s;
}

.particle:nth-child(262) {
    background: #f766ff;
    transform: translate(83vw, 71vh);
    animation-duration: 1.543s;
    animation-delay: -0.09258s;
}

.particle:nth-child(263) {
    background: #66ff78;
    transform: translate(18vw, 11vh);
    animation-duration: 2.915s;
    animation-delay: -1.5741s;
}

.particle:nth-child(264) {
    background: #9666ff;
    transform: translate(78vw, 1vh);
    animation-duration: 2.052s;
    animation-delay: -1.19016s;
}

.particle:nth-child(265) {
    background: #c7ff66;
    transform: translate(42vw, 77vh);
    animation-duration: 1.262s;
    animation-delay: -0.11358s;
}

.particle:nth-child(266) {
    background: #d6ff66;
    transform: translate(76vw, 89vh);
    animation-duration: 2.612s;
    animation-delay: -2.37692s;
}

.particle:nth-child(267) {
    background: #66a6ff;
    transform: translate(85vw, 51vh);
    animation-duration: 2.637s;
    animation-delay: -0.65925s;
}

.particle:nth-child(268) {
    background: #fffa66;
    transform: translate(83vw, 24vh);
    animation-duration: 1.364s;
    animation-delay: -0.66836s;
}

.particle:nth-child(269) {
    background: #66ff6e;
    transform: translate(59vw, 29vh);
    animation-duration: 2.217s;
    animation-delay: -1.15284s;
}

.particle:nth-child(270) {
    background: #6b66ff;
    transform: translate(53vw, 9vh);
    animation-duration: 2.214s;
    animation-delay: -0.02214s;
}

.particle:nth-child(271) {
    background: #ffd166;
    transform: translate(80vw, 82vh);
    animation-duration: 2.613s;
    animation-delay: -1.95975s;
}

.particle:nth-child(272) {
    background: #69ff66;
    transform: translate(58vw, 94vh);
    animation-duration: 1.47s;
    animation-delay: -0.735s;
}

.particle:nth-child(273) {
    background: #faff66;
    transform: translate(37vw, 21vh);
    animation-duration: 1.633s;
    animation-delay: -1.25741s;
}

.particle:nth-child(274) {
    background: #6669ff;
    transform: translate(19vw, 13vh);
    animation-duration: 1.91s;
    animation-delay: -1.0314s;
}

.particle:nth-child(275) {
    background: #7dff66;
    transform: translate(9vw, 78vh);
    animation-duration: 2.343s;
    animation-delay: -0.32802s;
}

.particle:nth-child(276) {
    background: #66ffc9;
    transform: translate(82vw, 32vh);
    animation-duration: 1.79s;
    animation-delay: -1.253s;
}

.particle:nth-child(277) {
    background: #edff66;
    transform: translate(75vw, 37vh);
    animation-duration: 1.392s;
    animation-delay: -0.54288s;
}

.particle:nth-child(278) {
    background: #ffc766;
    transform: translate(11vw, 75vh);
    animation-duration: 1.946s;
    animation-delay: -0.73948s;
}

.particle:nth-child(279) {
    background: #ff6680;
    transform: translate(61vw, 64vh);
    animation-duration: 2.554s;
    animation-delay: -0.10216s;
}

.particle:nth-child(280) {
    background: #d4ff66;
    transform: translate(88vw, 88vh);
    animation-duration: 1.184s;
    animation-delay: -0.1184s;
}

.particle:nth-child(281) {
    background: #66ffb3;
    transform: translate(46vw, 4vh);
    animation-duration: 2.677s;
    animation-delay: -0.77633s;
}

.particle:nth-child(282) {
    background: #ff7366;
    transform: translate(77vw, 90vh);
    animation-duration: 1.989s;
    animation-delay: -1.86966s;
}

.particle:nth-child(283) {
    background: #e3ff66;
    transform: translate(46vw, 37vh);
    animation-duration: 1.657s;
    animation-delay: -0.94449s;
}

.particle:nth-child(284) {
    background: #78ff66;
    transform: translate(84vw, 81vh);
    animation-duration: 1.657s;
    animation-delay: -0.08285s;
}

.particle:nth-child(285) {
    background: #c9ff66;
    transform: translate(74vw, 100vh);
    animation-duration: 1.638s;
    animation-delay: -0.58968s;
}

.particle:nth-child(286) {
    background: #ff66d1;
    transform: translate(98vw, 81vh);
    animation-duration: 2.502s;
    animation-delay: -0.70056s;
}

.particle:nth-child(287) {
    background: #66ffe6;
    transform: translate(21vw, 21vh);
    animation-duration: 1.557s;
    animation-delay: -0.23355s;
}

.particle:nth-child(288) {
    background: #66ffc2;
    transform: translate(59vw, 97vh);
    animation-duration: 2.405s;
    animation-delay: -0.64935s;
}

.particle:nth-child(289) {
    background: #d666ff;
    transform: translate(30vw, 30vh);
    animation-duration: 1.659s;
    animation-delay: -1.09494s;
}

.particle:nth-child(290) {
    background: #a166ff;
    transform: translate(20vw, 40vh);
    animation-duration: 2.42s;
    animation-delay: -1.2826s;
}

.particle:nth-child(291) {
    background: #ff9666;
    transform: translate(15vw, 77vh);
    animation-duration: 1.553s;
    animation-delay: -0.65226s;
}

.particle:nth-child(292) {
    background: #668cff;
    transform: translate(21vw, 18vh);
    animation-duration: 1.067s;
    animation-delay: -0.9603s;
}

.particle:nth-child(293) {
    background: #ffbd66;
    transform: translate(61vw, 91vh);
    animation-duration: 2.951s;
    animation-delay: -0.14755s;
}

.particle:nth-child(294) {
    background: #e366ff;
    transform: translate(32vw, 15vh);
    animation-duration: 2.677s;
    animation-delay: -1.36527s;
}

.particle:nth-child(295) {
    background: #d4ff66;
    transform: translate(7vw, 77vh);
    animation-duration: 1.449s;
    animation-delay: -0.4347s;
}

.particle:nth-child(296) {
    background: #ff66b8;
    transform: translate(42vw, 70vh);
    animation-duration: 1.963s;
    animation-delay: -0.09815s;
}

.particle:nth-child(297) {
    background: #8266ff;
    transform: translate(5vw, 41vh);
    animation-duration: 2.972s;
    animation-delay: -2.43704s;
}

.particle:nth-child(298) {
    background: #85ff66;
    transform: translate(44vw, 21vh);
    animation-duration: 1.015s;
    animation-delay: -0.90335s;
}

.particle:nth-child(299) {
    background: #ff66c9;
    transform: translate(64vw, 74vh);
    animation-duration: 1.329s;
    animation-delay: -0.94359s;
}

.particle:nth-child(300) {
    background: #668fff;
    transform: translate(25vw, 93vh);
    animation-duration: 1.939s;
    animation-delay: -1.31852s;
}

.particle:nth-child(301) {
    background: #ffad66;
    transform: translate(37vw, 7vh);
    animation-duration: 1.739s;
    animation-delay: -1.26947s;
}

.particle:nth-child(302) {
    background: #ff6670;
    transform: translate(46vw, 17vh);
    animation-duration: 1.588s;
    animation-delay: -0.11116s;
}

.particle:nth-child(303) {
    background: #ff6678;
    transform: translate(53vw, 48vh);
    animation-duration: 1.88s;
    animation-delay: -1.786s;
}

.particle:nth-child(304) {
    background: #ff8766;
    transform: translate(14vw, 73vh);
    animation-duration: 1.473s;
    animation-delay: -0.19149s;
}

.particle:nth-child(305) {
    background: #7dff66;
    transform: translate(3vw, 95vh);
    animation-duration: 1.388s;
    animation-delay: -0.81892s;
}

.particle:nth-child(306) {
    background: #7866ff;
    transform: translate(33vw, 42vh);
    animation-duration: 1.589s;
    animation-delay: -0.71505s;
}

.particle:nth-child(307) {
    background: #ffcf66;
    transform: translate(38vw, 62vh);
    animation-duration: 2.423s;
    animation-delay: -0.38768s;
}

.particle:nth-child(308) {
    background: #ffa866;
    transform: translate(98vw, 55vh);
    animation-duration: 1.228s;
    animation-delay: -0.72452s;
}

.particle:nth-child(309) {
    background: #f066ff;
    transform: translate(33vw, 52vh);
    animation-duration: 1.34s;
    animation-delay: -0.3216s;
}

.particle:nth-child(310) {
    background: #e6ff66;
    transform: translate(49vw, 55vh);
    animation-duration: 1.31s;
    animation-delay: -0.1965s;
}

.particle:nth-child(311) {
    background: #66ff6b;
    transform: translate(51vw, 70vh);
    animation-duration: 2.746s;
    animation-delay: -1.15332s;
}

.particle:nth-child(312) {
    background: #c2ff66;
    transform: translate(52vw, 13vh);
    animation-duration: 2.822s;
    animation-delay: -1.94718s;
}

.particle:nth-child(313) {
    background: #e066ff;
    transform: translate(51vw, 9vh);
    animation-duration: 2.22s;
    animation-delay: -0.2664s;
}

.particle:nth-child(314) {
    background: #ff6966;
    transform: translate(6vw, 94vh);
    animation-duration: 1.199s;
    animation-delay: -0.07194s;
}

.particle:nth-child(315) {
    background: #66ffd1;
    transform: translate(49vw, 26vh);
    animation-duration: 1.914s;
    animation-delay: -0.22968s;
}

.particle:nth-child(316) {
    background: #9666ff;
    transform: translate(95vw, 82vh);
    animation-duration: 1.506s;
    animation-delay: -0.73794s;
}

.particle:nth-child(317) {
    background: #66ffa1;
    transform: translate(43vw, 84vh);
    animation-duration: 2.66s;
    animation-delay: -1.7024s;
}

.particle:nth-child(318) {
    background: #ff66b5;
    transform: translate(38vw, 72vh);
    animation-duration: 1.411s;
    animation-delay: -0.36686s;
}

.particle:nth-child(319) {
    background: #66fff0;
    transform: translate(35vw, 79vh);
    animation-duration: 1.721s;
    animation-delay: -0.77445s;
}

.particle:nth-child(320) {
    background: #7866ff;
    transform: translate(55vw, 2vh);
    animation-duration: 2.726s;
    animation-delay: -2.61696s;
}

.particle:nth-child(321) {
    background: #7066ff;
    transform: translate(45vw, 78vh);
    animation-duration: 2.567s;
    animation-delay: -1.66855s;
}

.particle:nth-child(322) {
    background: #a8ff66;
    transform: translate(24vw, 25vh);
    animation-duration: 1.306s;
    animation-delay: -1.1101s;
}

.particle:nth-child(323) {
    background: #ff66c9;
    transform: translate(39vw, 51vh);
    animation-duration: 1.413s;
    animation-delay: -0.67824s;
}

.particle:nth-child(324) {
    background: #d466ff;
    transform: translate(84vw, 2vh);
    animation-duration: 2.533s;
    animation-delay: -2.30503s;
}

.particle:nth-child(325) {
    background: #ff66f5;
    transform: translate(20vw, 76vh);
    animation-duration: 1.781s;
    animation-delay: -0.67678s;
}

.particle:nth-child(326) {
    background: #fff266;
    transform: translate(64vw, 8vh);
    animation-duration: 2.894s;
    animation-delay: -2.43096s;
}

.particle:nth-child(327) {
    background: #a3ff66;
    transform: translate(89vw, 85vh);
    animation-duration: 1.815s;
    animation-delay: -1.452s;
}

.particle:nth-child(328) {
    background: #6b66ff;
    transform: translate(10vw, 3vh);
    animation-duration: 2.193s;
    animation-delay: -0.52632s;
}

.particle:nth-child(329) {
    background: #96ff66;
    transform: translate(81vw, 100vh);
    animation-duration: 2.038s;
    animation-delay: -0.65216s;
}

.particle:nth-child(330) {
    background: #ff6696;
    transform: translate(44vw, 79vh);
    animation-duration: 2.3s;
    animation-delay: -1.265s;
}

.particle:nth-child(331) {
    background: #87ff66;
    transform: translate(95vw, 84vh);
    animation-duration: 1.417s;
    animation-delay: -1.36032s;
}

.particle:nth-child(332) {
    background: #fff266;
    transform: translate(61vw, 49vh);
    animation-duration: 1.069s;
    animation-delay: -0.09621s;
}

.particle:nth-child(333) {
    background: #ff6699;
    transform: translate(81vw, 2vh);
    animation-duration: 2.658s;
    animation-delay: -1.54164s;
}

.particle:nth-child(334) {
    background: #8066ff;
    transform: translate(95vw, 73vh);
    animation-duration: 1.784s;
    animation-delay: -0.16056s;
}

.particle:nth-child(335) {
    background: #ffc266;
    transform: translate(19vw, 86vh);
    animation-duration: 1.401s;
    animation-delay: -0.93867s;
}

.particle:nth-child(336) {
    background: #a3ff66;
    transform: translate(76vw, 88vh);
    animation-duration: 1.942s;
    animation-delay: -1.37882s;
}

.particle:nth-child(337) {
    background: #ed66ff;
    transform: translate(70vw, 62vh);
    animation-duration: 2.694s;
    animation-delay: -1.53558s;
}

.particle:nth-child(338) {
    background: #9e66ff;
    transform: translate(61vw, 26vh);
    animation-duration: 2.025s;
    animation-delay: -1.1745s;
}

.particle:nth-child(339) {
    background: #8566ff;
    transform: translate(96vw, 86vh);
    animation-duration: 1.878s;
    animation-delay: -0.15024s;
}

.particle:nth-child(340) {
    background: #ff66fa;
    transform: translate(67vw, 4vh);
    animation-duration: 2.285s;
    animation-delay: -1.7823s;
}

.particle:nth-child(341) {
    background: #b066ff;
    transform: translate(66vw, 83vh);
    animation-duration: 2.705s;
    animation-delay: -0.67625s;
}

.particle:nth-child(342) {
    background: #e3ff66;
    transform: translate(94vw, 49vh);
    animation-duration: 1.096s;
    animation-delay: -0.88776s;
}

.particle:nth-child(343) {
    background: #ff66a1;
    transform: translate(89vw, 74vh);
    animation-duration: 1.589s;
    animation-delay: -0.73094s;
}

.particle:nth-child(344) {
    background: #6669ff;
    transform: translate(63vw, 78vh);
    animation-duration: 1.432s;
    animation-delay: -0.0716s;
}

.particle:nth-child(345) {
    background: #66ff7d;
    transform: translate(96vw, 89vh);
    animation-duration: 1.758s;
    animation-delay: -1.21302s;
}

.particle:nth-child(346) {
    background: #ba66ff;
    transform: translate(71vw, 4vh);
    animation-duration: 2.958s;
    animation-delay: -0.62118s;
}

.particle:nth-child(347) {
    background: #66faff;
    transform: translate(60vw, 50vh);
    animation-duration: 2.299s;
    animation-delay: -0.82764s;
}

.particle:nth-child(348) {
    background: #66a3ff;
    transform: translate(12vw, 2vh);
    animation-duration: 1.398s;
    animation-delay: -0.5592s;
}

.particle:nth-child(349) {
    background: #ff7566;
    transform: translate(18vw, 25vh);
    animation-duration: 2.066s;
    animation-delay: -0.22726s;
}

.particle:nth-child(350) {
    background: #ff8a66;
    transform: translate(87vw, 77vh);
    animation-duration: 2.488s;
    animation-delay: -1.16936s;
}

.particle:nth-child(351) {
    background: #6e66ff;
    transform: translate(64vw, 34vh);
    animation-duration: 2.084s;
    animation-delay: -1.27124s;
}

.particle:nth-child(352) {
    background: #ff668a;
    transform: translate(86vw, 28vh);
    animation-duration: 2.082s;
    animation-delay: -0.87444s;
}

.particle:nth-child(353) {
    background: #66c7ff;
    transform: translate(94vw, 100vh);
    animation-duration: 1.453s;
    animation-delay: -0.65385s;
}

.particle:nth-child(354) {
    background: #deff66;
    transform: translate(62vw, 14vh);
    animation-duration: 2.606s;
    animation-delay: -1.58966s;
}

.particle:nth-child(355) {
    background: #668fff;
    transform: translate(95vw, 39vh);
    animation-duration: 1.074s;
    animation-delay: -0.46182s;
}

.particle:nth-child(356) {
    background: #66e8ff;
    transform: translate(55vw, 50vh);
    animation-duration: 1.023s;
    animation-delay: -0.80817s;
}

.particle:nth-child(357) {
    background: #66ffd9;
    transform: translate(59vw, 12vh);
    animation-duration: 2.148s;
    animation-delay: -1.89024s;
}

.particle:nth-child(358) {
    background: #8566ff;
    transform: translate(63vw, 32vh);
    animation-duration: 2.514s;
    animation-delay: -0.47766s;
}

.particle:nth-child(359) {
    background: #ffe666;
    transform: translate(30vw, 63vh);
    animation-duration: 2.174s;
    animation-delay: -0.56524s;
}

.particle:nth-child(360) {
    background: #ffe666;
    transform: translate(6vw, 35vh);
    animation-duration: 2.548s;
    animation-delay: -1.7836s;
}

.particle:nth-child(361) {
    background: #ff6675;
    transform: translate(37vw, 40vh);
    animation-duration: 2.16s;
    animation-delay: -1.836s;
}

.particle:nth-child(362) {
    background: #ffde66;
    transform: translate(18vw, 76vh);
    animation-duration: 2.636s;
    animation-delay: -2.13516s;
}

.particle:nth-child(363) {
    background: #ed66ff;
    transform: translate(89vw, 31vh);
    animation-duration: 2.202s;
    animation-delay: -1.03494s;
}

.particle:nth-child(364) {
    background: #85ff66;
    transform: translate(39vw, 39vh);
    animation-duration: 2.82s;
    animation-delay: -0.7614s;
}

.particle:nth-child(365) {
    background: #66ffd9;
    transform: translate(9vw, 29vh);
    animation-duration: 1.675s;
    animation-delay: -0.804s;
}

.particle:nth-child(366) {
    background: #ff6673;
    transform: translate(86vw, 35vh);
    animation-duration: 1.811s;
    animation-delay: -1.32203s;
}

.particle:nth-child(367) {
    background: #ff9e66;
    transform: translate(9vw, 99vh);
    animation-duration: 2.617s;
    animation-delay: -1.43935s;
}

.particle:nth-child(368) {
    background: #ff8a66;
    transform: translate(10vw, 63vh);
    animation-duration: 1.916s;
    animation-delay: -1.7244s;
}

.particle:nth-child(369) {
    background: #66ff99;
    transform: translate(36vw, 98vh);
    animation-duration: 1.422s;
    animation-delay: -0.95274s;
}

.particle:nth-child(370) {
    background: #7566ff;
    transform: translate(48vw, 78vh);
    animation-duration: 1.614s;
    animation-delay: -0.25824s;
}

.particle:nth-child(371) {
    background: #ff9966;
    transform: translate(93vw, 3vh);
    animation-duration: 2.639s;
    animation-delay: -0.87087s;
}

.particle:nth-child(372) {
    background: #ff6670;
    transform: translate(17vw, 18vh);
    animation-duration: 1.407s;
    animation-delay: -0.95676s;
}

.particle:nth-child(373) {
    background: #ffd666;
    transform: translate(6vw, 3vh);
    animation-duration: 2.308s;
    animation-delay: -0.30004s;
}

.particle:nth-child(374) {
    background: #cc66ff;
    transform: translate(89vw, 1vh);
    animation-duration: 2.348s;
    animation-delay: -0.96268s;
}

.particle:nth-child(375) {
    background: #66ffd9;
    transform: translate(27vw, 8vh);
    animation-duration: 2.007s;
    animation-delay: -0.88308s;
}

.particle:nth-child(376) {
    background: #66b3ff;
    transform: translate(39vw, 44vh);
    animation-duration: 2.924s;
    animation-delay: -1.37428s;
}

.particle:nth-child(377) {
    background: #ffa666;
    transform: translate(40vw, 40vh);
    animation-duration: 1.279s;
    animation-delay: -0.56276s;
}

.particle:nth-child(378) {
    background: #8066ff;
    transform: translate(61vw, 31vh);
    animation-duration: 2.214s;
    animation-delay: -0.68634s;
}

.particle:nth-child(379) {
    background: #b866ff;
    transform: translate(100vw, 54vh);
    animation-duration: 2.129s;
    animation-delay: -0.38322s;
}

.particle:nth-child(380) {
    background: #ff9466;
    transform: translate(57vw, 62vh);
    animation-duration: 1.792s;
    animation-delay: -1.46944s;
}

.particle:nth-child(381) {
    background: #ff9e66;
    transform: translate(89vw, 52vh);
    animation-duration: 1.91s;
    animation-delay: -1.4898s;
}

.particle:nth-child(382) {
    background: #66ff9c;
    transform: translate(91vw, 39vh);
    animation-duration: 2.137s;
    animation-delay: -0.2137s;
}

.particle:nth-child(383) {
    background: #66dbff;
    transform: translate(91vw, 10vh);
    animation-duration: 2.723s;
    animation-delay: -0.40845s;
}

.particle:nth-child(384) {
    background: #66ff8f;
    transform: translate(11vw, 4vh);
    animation-duration: 1.697s;
    animation-delay: -1.23881s;
}

.particle:nth-child(385) {
    background: #ff6680;
    transform: translate(11vw, 59vh);
    animation-duration: 1.204s;
    animation-delay: -0.44548s;
}

.particle:nth-child(386) {
    background: #fff766;
    transform: translate(17vw, 90vh);
    animation-duration: 1.274s;
    animation-delay: -0.21658s;
}

.particle:nth-child(387) {
    background: #66abff;
    transform: translate(63vw, 36vh);
    animation-duration: 2.282s;
    animation-delay: -2.21354s;
}

.particle:nth-child(388) {
    background: #ff7a66;
    transform: translate(61vw, 25vh);
    animation-duration: 1.247s;
    animation-delay: -0.3741s;
}

.particle:nth-child(389) {
    background: #96ff66;
    transform: translate(53vw, 16vh);
    animation-duration: 2.138s;
    animation-delay: -0.27794s;
}

.particle:nth-child(390) {
    background: #6696ff;
    transform: translate(51vw, 95vh);
    animation-duration: 2.56s;
    animation-delay: -0.1536s;
}

.particle:nth-child(391) {
    background: #ff6670;
    transform: translate(77vw, 19vh);
    animation-duration: 2.943s;
    animation-delay: -0.32373s;
}

.particle:nth-child(392) {
    background: #66a8ff;
    transform: translate(21vw, 52vh);
    animation-duration: 2.936s;
    animation-delay: -0.93952s;
}

.particle:nth-child(393) {
    background: #ffb566;
    transform: translate(40vw, 69vh);
    animation-duration: 1.241s;
    animation-delay: -1.05485s;
}

.particle:nth-child(394) {
    background: #66a3ff;
    transform: translate(23vw, 52vh);
    animation-duration: 2.892s;
    animation-delay: -2.51604s;
}

.particle:nth-child(395) {
    background: #73ff66;
    transform: translate(75vw, 37vh);
    animation-duration: 1.338s;
    animation-delay: -0.18732s;
}

.particle:nth-child(396) {
    background: #cc66ff;
    transform: translate(41vw, 58vh);
    animation-duration: 1.034s;
    animation-delay: -0.03102s;
}

.particle:nth-child(397) {
    background: #ebff66;
    transform: translate(16vw, 54vh);
    animation-duration: 2.909s;
    animation-delay: -1.71631s;
}

.particle:nth-child(398) {
    background: #fff566;
    transform: translate(6vw, 40vh);
    animation-duration: 1.08s;
    animation-delay: -0.6804s;
}

.particle:nth-child(399) {
    background: #6678ff;
    transform: translate(36vw, 82vh);
    animation-duration: 1.403s;
    animation-delay: -0.92598s;
}

.particle:nth-child(400) {
    background: #ff669e;
    transform: translate(70vw, 71vh);
    animation-duration: 1.46s;
    animation-delay: -0.9928s;
}

.particle:nth-child(401) {
    background: #66ffd4;
    transform: translate(1vw, 19vh);
    animation-duration: 1.877s;
    animation-delay: -0.71326s;
}

.particle:nth-child(402) {
    background: #ff7d66;
    transform: translate(41vw, 71vh);
    animation-duration: 1.683s;
    animation-delay: -1.41372s;
}

.particle:nth-child(403) {
    background: #f266ff;
    transform: translate(44vw, 79vh);
    animation-duration: 1.504s;
    animation-delay: -0.70688s;
}

.particle:nth-child(404) {
    background: #66ffb0;
    transform: translate(29vw, 25vh);
    animation-duration: 2.416s;
    animation-delay: -0.9664s;
}

.particle:nth-child(405) {
    background: #ff6678;
    transform: translate(93vw, 25vh);
    animation-duration: 1.303s;
    animation-delay: -0.76877s;
}

.particle:nth-child(406) {
    background: #e666ff;
    transform: translate(65vw, 72vh);
    animation-duration: 2.876s;
    animation-delay: -1.26544s;
}

.particle:nth-child(407) {
    background: #ff66ba;
    transform: translate(5vw, 42vh);
    animation-duration: 1.243s;
    animation-delay: -0.95711s;
}

.particle:nth-child(408) {
    background: #82ff66;
    transform: translate(22vw, 64vh);
    animation-duration: 2.81s;
    animation-delay: -1.5736s;
}

.particle:nth-child(409) {
    background: #66ffa1;
    transform: translate(100vw, 30vh);
    animation-duration: 1.647s;
    animation-delay: -0.93879s;
}

.particle:nth-child(410) {
    background: #eb66ff;
    transform: translate(48vw, 23vh);
    animation-duration: 1.21s;
    animation-delay: -0.4961s;
}

.particle:nth-child(411) {
    background: #ffe666;
    transform: translate(99vw, 72vh);
    animation-duration: 2.316s;
    animation-delay: -1.71384s;
}

.particle:nth-child(412) {
    background: #66b8ff;
    transform: translate(21vw, 44vh);
    animation-duration: 2.472s;
    animation-delay: -1.80456s;
}

.particle:nth-child(413) {
    background: #91ff66;
    transform: translate(43vw, 2vh);
    animation-duration: 2.593s;
    animation-delay: -0.80383s;
}

.particle:nth-child(414) {
    background: #66fff2;
    transform: translate(38vw, 18vh);
    animation-duration: 2.26s;
    animation-delay: -1.4238s;
}

.particle:nth-child(415) {
    background: #7566ff;
    transform: translate(37vw, 70vh);
    animation-duration: 2.561s;
    animation-delay: -0.30732s;
}

.particle:nth-child(416) {
    background: #ffc766;
    transform: translate(68vw, 30vh);
    animation-duration: 2.472s;
    animation-delay: -2.2248s;
}

.particle:nth-child(417) {
    background: #e0ff66;
    transform: translate(60vw, 39vh);
    animation-duration: 2.931s;
    animation-delay: -0.70344s;
}

.particle:nth-child(418) {
    background: #9e66ff;
    transform: translate(17vw, 58vh);
    animation-duration: 1.749s;
    animation-delay: -0.45474s;
}

.particle:nth-child(419) {
    background: #66ffeb;
    transform: translate(81vw, 99vh);
    animation-duration: 1.04s;
    animation-delay: -0.0208s;
}

.particle:nth-child(420) {
    background: #ff66a1;
    transform: translate(44vw, 43vh);
    animation-duration: 1.981s;
    animation-delay: -0.15848s;
}

.particle:nth-child(421) {
    background: #66a6ff;
    transform: translate(17vw, 5vh);
    animation-duration: 2.216s;
    animation-delay: -1.01936s;
}

.particle:nth-child(422) {
    background: #66ffd4;
    transform: translate(27vw, 2vh);
    animation-duration: 1.509s;
    animation-delay: -0.43761s;
}

.particle:nth-child(423) {
    background: #ff9966;
    transform: translate(68vw, 84vh);
    animation-duration: 2.071s;
    animation-delay: -0.95266s;
}

.particle:nth-child(424) {
    background: #ffe666;
    transform: translate(2vw, 2vh);
    animation-duration: 2.383s;
    animation-delay: -0.19064s;
}

.particle:nth-child(425) {
    background: #db66ff;
    transform: translate(95vw, 16vh);
    animation-duration: 1.759s;
    animation-delay: -0.73878s;
}

.particle:nth-child(426) {
    background: #ffdb66;
    transform: translate(89vw, 79vh);
    animation-duration: 1.923s;
    animation-delay: -0.61536s;
}

.particle:nth-child(427) {
    background: #ff66bf;
    transform: translate(35vw, 9vh);
    animation-duration: 2s;
    animation-delay: -0.6s;
}

.particle:nth-child(428) {
    background: #ff8566;
    transform: translate(12vw, 35vh);
    animation-duration: 1.852s;
    animation-delay: -0.926s;
}

.particle:nth-child(429) {
    background: #66fff7;
    transform: translate(81vw, 51vh);
    animation-duration: 1.265s;
    animation-delay: -0.11385s;
}

.particle:nth-child(430) {
    background: #ff6685;
    transform: translate(26vw, 16vh);
    animation-duration: 2.346s;
    animation-delay: -1.10262s;
}

.particle:nth-child(431) {
    background: #baff66;
    transform: translate(23vw, 94vh);
    animation-duration: 2.633s;
    animation-delay: -1.00054s;
}

.particle:nth-child(432) {
    background: #ff6670;
    transform: translate(3vw, 94vh);
    animation-duration: 2.582s;
    animation-delay: -2.16888s;
}

.particle:nth-child(433) {
    background: #b0ff66;
    transform: translate(84vw, 35vh);
    animation-duration: 1.189s;
    animation-delay: -0.68962s;
}

.particle:nth-child(434) {
    background: #ff9c66;
    transform: translate(87vw, 90vh);
    animation-duration: 2.568s;
    animation-delay: -1.69488s;
}

.particle:nth-child(435) {
    background: #bf66ff;
    transform: translate(97vw, 19vh);
    animation-duration: 1.018s;
    animation-delay: -0.08144s;
}

.particle:nth-child(436) {
    background: #fff266;
    transform: translate(14vw, 87vh);
    animation-duration: 2.132s;
    animation-delay: -1.87616s;
}

.particle:nth-child(437) {
    background: #66deff;
    transform: translate(75vw, 55vh);
    animation-duration: 1.057s;
    animation-delay: -0.01057s;
}

.particle:nth-child(438) {
    background: #ff668f;
    transform: translate(91vw, 86vh);
    animation-duration: 2.765s;
    animation-delay: -0.1659s;
}

.particle:nth-child(439) {
    background: #9c66ff;
    transform: translate(78vw, 23vh);
    animation-duration: 1.988s;
    animation-delay: -1.05364s;
}

.particle:nth-child(440) {
    background: #ff7866;
    transform: translate(87vw, 41vh);
    animation-duration: 1.388s;
    animation-delay: -0.31924s;
}

.particle:nth-child(441) {
    background: #66e3ff;
    transform: translate(13vw, 45vh);
    animation-duration: 1.341s;
    animation-delay: -1.32759s;
}

.particle:nth-child(442) {
    background: #ff8766;
    transform: translate(86vw, 12vh);
    animation-duration: 1.6s;
    animation-delay: -1.536s;
}

.particle:nth-child(443) {
    background: #bfff66;
    transform: translate(37vw, 23vh);
    animation-duration: 2.295s;
    animation-delay: -2.0196s;
}

.particle:nth-child(444) {
    background: #ad66ff;
    transform: translate(69vw, 17vh);
    animation-duration: 1.858s;
    animation-delay: -1.50498s;
}

.particle:nth-child(445) {
    background: #bdff66;
    transform: translate(73vw, 56vh);
    animation-duration: 2.028s;
    animation-delay: -1.46016s;
}

.particle:nth-child(446) {
    background: #ffe066;
    transform: translate(13vw, 22vh);
    animation-duration: 2.819s;
    animation-delay: -2.76262s;
}

.particle:nth-child(447) {
    background: #ff66b5;
    transform: translate(20vw, 84vh);
    animation-duration: 1.719s;
    animation-delay: -1.16892s;
}

.particle:nth-child(448) {
    background: #ff66a3;
    transform: translate(95vw, 66vh);
    animation-duration: 1.749s;
    animation-delay: -0.1749s;
}

.particle:nth-child(449) {
    background: #66ffba;
    transform: translate(30vw, 55vh);
    animation-duration: 1.206s;
    animation-delay: -1.18188s;
}

.particle:nth-child(450) {
    background: #ab66ff;
    transform: translate(22vw, 92vh);
    animation-duration: 2.209s;
    animation-delay: -0.79524s;
}

.particle:nth-child(451) {
    background: #b3ff66;
    transform: translate(95vw, 97vh);
    animation-duration: 1.767s;
    animation-delay: -0.12369s;
}

.particle:nth-child(452) {
    background: #66ffab;
    transform: translate(49vw, 79vh);
    animation-duration: 1.447s;
    animation-delay: -1.22995s;
}

.particle:nth-child(453) {
    background: #66ff96;
    transform: translate(72vw, 41vh);
    animation-duration: 2.804s;
    animation-delay: -0.58884s;
}

.particle:nth-child(454) {
    background: #c4ff66;
    transform: translate(66vw, 56vh);
    animation-duration: 2.178s;
    animation-delay: -2.09088s;
}

.particle:nth-child(455) {
    background: #ff8066;
    transform: translate(86vw, 24vh);
    animation-duration: 2.965s;
    animation-delay: -2.7278s;
}

.particle:nth-child(456) {
    background: #ff7d66;
    transform: translate(56vw, 49vh);
    animation-duration: 2.048s;
    animation-delay: -1.08544s;
}

.particle:nth-child(457) {
    background: #e066ff;
    transform: translate(33vw, 64vh);
    animation-duration: 2.906s;
    animation-delay: -2.87694s;
}

.particle:nth-child(458) {
    background: #a866ff;
    transform: translate(84vw, 81vh);
    animation-duration: 2.441s;
    animation-delay: -1.58665s;
}

.particle:nth-child(459) {
    background: #e366ff;
    transform: translate(19vw, 26vh);
    animation-duration: 2.051s;
    animation-delay: -1.37417s;
}

.particle:nth-child(460) {
    background: #e366ff;
    transform: translate(32vw, 40vh);
    animation-duration: 1.553s;
    animation-delay: -0.09318s;
}

.particle:nth-child(461) {
    background: #66ffe0;
    transform: translate(66vw, 90vh);
    animation-duration: 1.233s;
    animation-delay: -0.46854s;
}

.particle:nth-child(462) {
    background: #6680ff;
    transform: translate(84vw, 14vh);
    animation-duration: 1.329s;
    animation-delay: -0.65121s;
}

.particle:nth-child(463) {
    background: #66ff8a;
    transform: translate(100vw, 37vh);
    animation-duration: 2.006s;
    animation-delay: -0.18054s;
}

.particle:nth-child(464) {
    background: #7866ff;
    transform: translate(38vw, 64vh);
    animation-duration: 1.75s;
    animation-delay: -0.8925s;
}

.particle:nth-child(465) {
    background: #ff6687;
    transform: translate(29vw, 19vh);
    animation-duration: 1.958s;
    animation-delay: -0.21538s;
}

.particle:nth-child(466) {
    background: #ff66de;
    transform: translate(79vw, 88vh);
    animation-duration: 1.78s;
    animation-delay: -0.5518s;
}

.particle:nth-child(467) {
    background: #e6ff66;
    transform: translate(41vw, 76vh);
    animation-duration: 2.379s;
    animation-delay: -2.11731s;
}

.particle:nth-child(468) {
    background: #87ff66;
    transform: translate(72vw, 81vh);
    animation-duration: 2.679s;
    animation-delay: -1.28592s;
}

.particle:nth-child(469) {
    background: #668aff;
    transform: translate(41vw, 18vh);
    animation-duration: 1.821s;
    animation-delay: -0.20031s;
}

.particle:nth-child(470) {
    background: #66f5ff;
    transform: translate(9vw, 98vh);
    animation-duration: 2.75s;
    animation-delay: -0.0825s;
}

.particle:nth-child(471) {
    background: #bd66ff;
    transform: translate(31vw, 52vh);
    animation-duration: 1.907s;
    animation-delay: -1.7163s;
}

.particle:nth-child(472) {
    background: #9eff66;
    transform: translate(36vw, 85vh);
    animation-duration: 2.625s;
    animation-delay: -0.07875s;
}

.particle:nth-child(473) {
    background: #66f7ff;
    transform: translate(61vw, 4vh);
    animation-duration: 2.235s;
    animation-delay: -1.05045s;
}

.particle:nth-child(474) {
    background: #66f0ff;
    transform: translate(55vw, 83vh);
    animation-duration: 1.985s;
    animation-delay: -1.96515s;
}

.particle:nth-child(475) {
    background: #7dff66;
    transform: translate(44vw, 94vh);
    animation-duration: 1.168s;
    animation-delay: -0.71248s;
}

.particle:nth-child(476) {
    background: #66d9ff;
    transform: translate(88vw, 67vh);
    animation-duration: 1.955s;
    animation-delay: -0.6256s;
}

.particle:nth-child(477) {
    background: #66d6ff;
    transform: translate(74vw, 29vh);
    animation-duration: 1.678s;
    animation-delay: -1.4263s;
}

.particle:nth-child(478) {
    background: #b566ff;
    transform: translate(84vw, 33vh);
    animation-duration: 1.686s;
    animation-delay: -1.58484s;
}

.particle:nth-child(479) {
    background: #de66ff;
    transform: translate(94vw, 69vh);
    animation-duration: 1.974s;
    animation-delay: -1.46076s;
}

.particle:nth-child(480) {
    background: #ff66e6;
    transform: translate(13vw, 24vh);
    animation-duration: 2.962s;
    animation-delay: -0.56278s;
}

.particle:nth-child(481) {
    background: #66ffa3;
    transform: translate(99vw, 14vh);
    animation-duration: 1.128s;
    animation-delay: -0.66552s;
}

.particle:nth-child(482) {
    background: #66ffdb;
    transform: translate(66vw, 52vh);
    animation-duration: 2.808s;
    animation-delay: -1.23552s;
}

.particle:nth-child(483) {
    background: #66ff78;
    transform: translate(70vw, 27vh);
    animation-duration: 1.063s;
    animation-delay: -0.20197s;
}

.particle:nth-child(484) {
    background: #66ff73;
    transform: translate(35vw, 79vh);
    animation-duration: 1.175s;
    animation-delay: -0.0235s;
}

.particle:nth-child(485) {
    background: #bfff66;
    transform: translate(57vw, 87vh);
    animation-duration: 2.178s;
    animation-delay: -0.28314s;
}

.particle:nth-child(486) {
    background: #66ffdb;
    transform: translate(74vw, 60vh);
    animation-duration: 2.533s;
    animation-delay: -2.45701s;
}

.particle:nth-child(487) {
    background: #66ff85;
    transform: translate(40vw, 1vh);
    animation-duration: 1.607s;
    animation-delay: -0.70708s;
}

.particle:nth-child(488) {
    background: #66ff8c;
    transform: translate(52vw, 34vh);
    animation-duration: 1.573s;
    animation-delay: -0.56628s;
}

.particle:nth-child(489) {
    background: #66ffdb;
    transform: translate(29vw, 25vh);
    animation-duration: 1.144s;
    animation-delay: -0.29744s;
}

.particle:nth-child(490) {
    background: #e666ff;
    transform: translate(28vw, 71vh);
    animation-duration: 1.661s;
    animation-delay: -1.37863s;
}

.particle:nth-child(491) {
    background: #66ff80;
    transform: translate(51vw, 91vh);
    animation-duration: 1.535s;
    animation-delay: -0.5833s;
}

.particle:nth-child(492) {
    background: #cfff66;
    transform: translate(7vw, 82vh);
    animation-duration: 2.547s;
    animation-delay: -1.04427s;
}

.particle:nth-child(493) {
    background: #d4ff66;
    transform: translate(96vw, 91vh);
    animation-duration: 2.34s;
    animation-delay: -1.8486s;
}

.particle:nth-child(494) {
    background: #66c9ff;
    transform: translate(36vw, 24vh);
    animation-duration: 2.868s;
    animation-delay: -1.17588s;
}

.particle:nth-child(495) {
    background: #8a66ff;
    transform: translate(42vw, 93vh);
    animation-duration: 2.379s;
    animation-delay: -0.07137s;
}

.particle:nth-child(496) {
    background: #cc66ff;
    transform: translate(28vw, 12vh);
    animation-duration: 1.983s;
    animation-delay: -1.74504s;
}

.particle:nth-child(497) {
    background: #d666ff;
    transform: translate(58vw, 79vh);
    animation-duration: 1.648s;
    animation-delay: -1.63152s;
}

.particle:nth-child(498) {
    background: #ff6682;
    transform: translate(84vw, 53vh);
    animation-duration: 2.75s;
    animation-delay: -0.11s;
}

.particle:nth-child(499) {
    background: #ffed66;
    transform: translate(97vw, 48vh);
    animation-duration: 2.576s;
    animation-delay: -1.6744s;
}

.particle:nth-child(500) {
    background: #66fffc;
    transform: translate(5vw, 66vh);
    animation-duration: 1.264s;
    animation-delay: -0.0632s;
}

@keyframes shoot {
    from {
        transform: translate(10vw, 50vh);
    }

    to {
        opacity: 1;
    }
}

@keyframes shoot2 {
    from {
        transform: translate(50vw, 10vh);
    }

    to {
        opacity: 1;
    }
}
@keyframes shoot3 {
    from {
        transform: translate(50vw, 10vh);
    }

    to {
        opacity: 1;
    }
}